<!DOCTYPE html>
<html lang="ch">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>张涵哲主页</title>
    <meta name="description" content="张涵哲的个人主页">
    <meta name="keywords" content="个人,主页,张涵哲,涵哲,zhanghanzhe,hanzhe,Java,HTML,Spring,SpringBoot">
    <link rel="stylesheet" type="text/css" href="./css/global.css">
    <link rel="stylesheet" type="text/css" href="./css/FiraCode.css">
  </head>

  <body>
    <div id="box">
      <!-- 个人资料卡片 -->
      <div class="meBox">
        <!-- 头像 -->
        <div class="headPhoto"></div>
        <!-- 介绍 -->
        <div class="meBox-title">
          <p>你好，我是张涵哲</p>
          <div class="fg"></div>
        </div>
        <div class="meBox-text">
          <p>一个喜欢折腾和分享的开发者。</p>
        </div>
      </div>

      <!-- 伪终端介绍 -->
      <div id="cmdBox">
        <!-- 第一个终端 -->
        <div class="cmd">
          <!-- 三个按钮 -->
          <div class="click">
            <div class="red"></div>
            <div class="yellow"></div>
            <div class="green"></div>
          </div>
          <!-- 顶部标题 -->
          <div class="title">
            <span>root - bash</span>
          </div>
          <!-- 终端内文字 -->
          <div class="cmdText">
            <span style="color: rgb(0, 190, 0);">root@zhanghanzhe</span>
            <span style="color: blue;">~</span>
            <span style="color: rgb(39, 39, 39);">rm -rf /过去的自己/*</span>
            <br> <br>
            <span style="color: rgb(0, 190, 0);">root@zhanghanzhe</span>
            <span style="color: blue;">~</span>
            <span style="color: rgb(39, 39, 39);">cat wish.txt</span>
            <p>来人间一趟，要好好看看太阳。</p>
            <br> <br>
          </div>
        </div>
        <!-- 第二个终端 -->
        <div class="cmd cmd2">
          <!-- 三个按钮 -->
          <div class="click">
            <div class="red"></div>
            <div class="yellow"></div>
            <div class="green"></div>
          </div>
          <!-- 顶部标题 -->
          <div class="title">
            <span>root - bash</span>
          </div>
          <!-- 终端内文字 -->
          <div class="cmdText">
            <span style="color: rgb(0, 190, 0);">root@zhanghanzhe</span>
            <span style="color: blue;">~</span>
            <span style="color: rgb(39, 39, 39);">cat /links.txt</span>
            <br>
            <p>我的其他站点：</p>
            <ul id="links" class="ul"></ul>
            <br>
          </div>
        </div>
      </div>
    </div>

    <!-- 页脚 -->
    <div id="footer">
      <p>© 2023-<script>document.write(new Date().getFullYear())</script> hanzhe.site - <a href="https://beian.miit.gov.cn">吉ICP备2022005668号</a></p>
    </div>
  </body>
  <script>
    {
      // 手动维护的链接数组，可直接编辑此处添加或修改链接
      const data = [
        { title: '个人博客', url: 'https://typecho.hanzhe.site' },
        { title: '我的知识库', url: 'https://docs.hanzhe.site' },
        { title: '我的博客园', url: 'https://cnblogs.com/hanzhe' },
        { title: 'HTML页面挂载', url: 'https://html.hanzhe.site' }
      ];

      let linksHtml = '';
      for (let link of data) {
        linksHtml += `<li><a href="${link.url}" target="_blank">${link.title}</a></li>`;
      }
      document.getElementById("links").innerHTML = linksHtml;
    }
  </script>
</html>
